.messagerie
{
	width:80%;
	margin-left:22%;
}
.menu-messagerie
{
	list-style-type:none;
	position:fixed;
}
.menu-messagerie li.btn {
    border: 1px solid #bd2c04;
    line-height: 33px;
    padding: 0;
	margin-bottom:10px;
}
.menu-messagerie li.btn.margin {
	margin-top:10px;
}
.menu-messagerie li.btn a{
    background: #1b282c;
}
.menu-messagerie li.btn a:hover
{
	background:#bd2c04;
}
.menu-messagerie li {
    font-size: 22px;
    font-weight: bold;
    line-height: 35px;
    text-shadow: 2px 2px 5px #000000;
	margin-right:10px;
        text-align: center;
}
.menu-messagerie li.bordure {
    border-bottom: 1px solid #BD2C04;
}
.menu-messagerie li a{
    color: #fff;
	background:#4D110A;
}

.menu-messagerie li a.current{
    color: #000;
	background:#fff;
}
.menu-messagerie li a.current:hover{
    color: #000;
	background:#fff;
}
.menu-messagerie li a:hover {
	background:#BD2C04;
}
.menu-messagerie li a:focus {
	background:#FFF;
	color:#000;
}
.menu-messagerie li a {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0 22px;
    text-decoration: none;
    text-shadow: none;
}
.menu-messagerie li input {
    border:none;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 100%;
    margin: 0;    
    text-decoration: none;
    text-shadow: none;
    background:none;
    text-align: center;
    white-space: normal;
    padding: 8px 22px;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
}

.menu-messagerie li input:hover {
       background:#BD2C04;
  
}



.messagerie div.ligne {
    clear: none;
	padding:0;
	height:auto;
}
.messagerie div.ligne div
{
	float:left;
	color:#FFF;
}
.messagerie div.ligne div.box
{
	float:none;
}
.messagerie div.ligne div, .messagerie div.ligne div.box
{
	height:32px;
	line-height:32px;
        text-overflow: ellipsis;
}
.messagerie .pseudo
{
	margin-left: 56px;
	width:170px;
	font-weight:bold;
}
.messagerie .pseudo.thread{
    margin-left: 0px;
}
.messagerie .pseudo a
{
	color:#bd2c04;
	text-decoration:none;
}
.messagerie .pseudo a:hover
{
	color:#28505C;
}
.messagerie .titre
{
	padding-left: 35px;
	width:300px;
	font-weight:bold;        
}
.messagerie .titre a {
    color:#fff;
	text-decoration:none;
}
.messagerie .titre a:hover {
    
    text-decoration:underline;
}
.messagerie .date
{
	padding-left: 46px;
	width:120px;
	font-size:11px;
}
.messagerie div.box
{
	text-align: center;
}
.messagerie div.ligne.nonlu, .nonlu {
    background-position: 16px 4px;
}
.messagerie div.ligne.lu, .lu {
    background-position: 16px 4px;
}
#contenus #pagination {
	float:none;
	height: 40px;
}
#contenus #pagination ul {
    float: right;
}

#action_msg
{
	display:block;/*passer en display none quand il ne faut pas afficher*/
}

/*********** STYLISER LA CHECK BOX ***********
http://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css*/

/* Cachons la case à cocher */  
form input.select_msg:not(:checked),  
form input.select_msg:checked 
{  
	position: absolute;  
	left: -9999px;  
}  
      
/* on prépare le label */  
form input.select_msg:not(:checked) + label,  
form input.select_msg:checked + label {  
	position: relative; /* permet de positionner les pseudo-éléments */  
	padding-left: 18px; /* fait un peu d'espace pour notre case à venir */  
	cursor: pointer;    /* affiche un curseur adapté */  
}  

/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
form input.select_msg:not(:checked) + label:before,  
form input.select_msg:checked + label:before {  
	content: '';  
	position: absolute;  
	left:3px; top: 1px;  
	width: 13px; height: 13px; /* dim. de la case */  

	background: url(../images/forum/unchecked.png) no-repeat;   
}  

/* Aspect général de la coche */  
form input.select_msg:not(:checked) + label:after,  
form input.select_msg:checked + label:after {  
	content: '';  
	position: absolute;  
	left:3px; top: 1px;  
	width: 13px; height: 13px; /* dim. de la case */  
	 
	background: url(../images/forum/checked.png) no-repeat; 
}  

/* Aspect si "pas cochée" */  
form input.select_msg:not(:checked) + label:after {  
 	background: url(../images/forum/unchecked.png) no-repeat; 
}  

/* Aspect si "cochée" */  
form input.select_msg:checked + label:after {  
  	background: url(../images/forum/checked.png) no-repeat; 
} 

.messagerie #wysiwyg {
    max-width: 660px;
    min-width: 660px;
    font-family: inherit;
    font-size: inherit;
}

.messagerie #rep_rapide
{
	text-align:left;
}
.messagerie h4.reponse {
    margin-top: 10px;
}

.messagerie #message
{
	text-align:left;
}


/****** Ajout MS ****/

#resultat_autocompletion{
    background-color: #1b282c;
    border: solid 1px #bd2c04;
    width: 506px;
    z-index: 5;
    position: absolute;
    display: none;
    color: #fff;
    margin-left: 129px;
    
}

.result_ligne{
    padding: 0 10px;
    width: 486px;
    cursor: pointer;    
}

.result_ligne:hover{
    background-color: #bd2c04;   
}


#erreur{
    color: #9a2106;
    text-align: center;
}

.vide{
    height: 80px;
    text-align: center;
    background-color: #111a1c;
    padding-top: 20px;
    font-weight: bold;
}